.index_menu { width:1180px; position:absolute; bottom:40px; left:50%; margin-left:-590px; z-index:101;}
.index_menu_item { width:257px; padding:20px 19px 0 19px; background-color:#fff; }
.index_menu_item div { padding-top:25px; overflow:hidden;}
.index_menu_item div a { width:123px; padding-left:5px; float:left; line-height:27px; font-family:"Microsoft YaHei"; font-size:14px; float:left;}
.index_menu_item div img { width:258px; height:112px;}
.menuItem1 { position:absolute; left:0; top:0;}
.menuItem2 { position:absolute; left:295px; top:0;}
.menuItem3 { position:absolute; left:590px; top:0;}
.menuItem4 { position:absolute; left:884px; top:0;}
.menu-title .item-title { border-bottom:none; height:30px;}

/*banner*/
.index_banner_cont { width:100%; position:relative;}
.index_banner_scroll { position:relative;}
.index_banner_scroll div { position:absolute; top:0; z-index:0;}
.banner_btn { width:196px; height:46px; position:absolute; top:45px; right:50%; margin-right:-593px; z-index:10;}
.banner_list { height:46px; position:absolute; top:0;}
.banner_list span { width:53px; height:2px; background-color:#fff; margin:0 6px; display:block; float:left; cursor:pointer;}
.banner_list span.current { background-color:#333;}
.banner_span { display:none; position:absolute; top:0;}
.banner_span a { width:49px; height:42px; opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */
    filter:alpha(opacity=50);    /* ie5-7  */
    -moz-opacity:0.5;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.5;  background-color:#fff; display:block; margin:0 6px; float:left; padding:2px;}
.banner_span a.current { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */
    filter:alpha(opacity=100); /* ie5-7  */
    -moz-opacity:1;    /* old mozilla browser like netscape  */
    -khtml-opacity: 1; }


.index-banner { width:1900px; position:relative; overflow:hidden; height:421px;}
.banner-ifo { width:1900px; position:absolute; left:50%; margin-left:-800px; top:0; height:421px; overflow:hidden; z-index:0;}
.index-btn { width:1179px; height:40px; margin:-40px auto 0 auto; background:url(img/index-btnbg.png) repeat; z-index:100;}
.index-btn span {height:40px; float:left; border-right:1px solid #a7a7a7; color:#fff; line-height:40px; cursor:pointer;}
.index-btn a {  background: url(img/iebg.gif) repeat scroll; _position:relative; display: block; float: left; height: 40px;line-height: 200px; margin-top: -39px; width: 294px; }
.index-btn span.cur,.index-btn span.cur1 { background-color:#31bdeb;}

.btn1 { width:179px; background:url(img/btn1.png) no-repeat 80px center; padding-left:115px;}
.btn2 { width:159px;  background:url(img/btn4.png) no-repeat 105px center; padding-left:135px;}
.btn3 { width:164px;  background:url(img/btn3.png) no-repeat 100px center; padding-left:130px;}
.btn4 { width:164px;  background:url(img/btn2.png) no-repeat 100px center; padding-left:130px;}
.browser{ position:absolute; bottom:0; left:50%; margin-left:-590px; z-index:100;}
.index-cont { width:100%; overflow:hidden;}
.index-content { width:1180px; margin:0 auto; overflow:hidden;}
.index-menu { width:1180px; overflow:hidden; padding-top:30px; margin-bottom:20px;}
.index-menu ul { width:1300px;}
.index-menu ul li { width:280px; height:147px; margin:0 22px 13px 0; float:left;}
.menu-title { padding:10px 0 0 60px;}
.menu-title h2 { color:#333;}
.menu-list { padding-left:60px; margin-top:5px;}
.menu-list a { margin-right:11px; }
.menu-list a.more { color:#999;}
.menuh2_1 { background:url(img/index-ios1.png) no-repeat 0 center;}
.menuh2_2 { background:url(img/index-ios2.png) no-repeat 0 center;}
.menuh2_3 { background:url(img/index-ios3.png) no-repeat 0 center;}
.menuh2_4 { background:url(img/index-ios4.png) no-repeat 0 center;}
.menuh2_5 { background:url(img/index-ios5.png) no-repeat 0 center;}
.menuh2_6 { background:url(img/index-ios6.png) no-repeat 0 center;}
.menuh2_7 { background:url(img/index-ios7.png) no-repeat 0 center;}
.menuh2_8 { background:url(img/index-ios8.png) no-repeat 0 center;}

.index-center { width:1180px; }
.index-left { width:843px;}
.index-right { width:301px;}
.index-item { margin-bottom:20px;}
.item-title { height:40px; border-bottom:1px solid #c1c1c1;}
.item-title h2 { float:left; color:#333;}
.item-title .more { float:right; margin-top:10px; color:#658fbd; padding-right:10px; *padding-right:0;}
.index-news { padding-top:10px;}
.index-news dl { border-bottom:1px solid #e0dfdf; width:380px; height:66px; float:left; padding:10px; *padding:9px 9px 8px 9px;}
.index-news dt { width:54px; height:54px; border:1px solid #d9d9d9; float:left; margin-right:16px;}
.index-news dd { width:320px; max-width:303px; float:left;}
.index-news dd a { font-size:14px; font-weight:bold; margin-right:5px;}
.index-news dd em { color:#999;}
.index-news dd p { line-height:18px;}


.index-case { margin-top:24px; width:1180px; overflow:hidden; position:relative;}
.index-case ul { width:1180px;}
.index-case ul li { float:left; width:272px; height:198px; position:relative; margin-right:16px;}
.index-case ul li span { color:#fff; position:absolute; top:156px; left:0; background:url(img/bg11.png) repeat; width:246px; height:39px; line-height:39px; padding-left:20px;}
.index-case ul li span p { width:225px;}
.index-case ul li span .check_pro { position:absolute; top:16px; display:none;}
.index-case ul li span .check_title { position:absolute; top:8px;} 
.index-case ul li .em { display:none; position:absolute; top:0; left:0; width:260px; height:189px; border:3px solid #658fbd;}
.index-case ul li.pt50 .em { top:50px;}
.index-case ul li.pt50 span { top:206px;}
.index-tab { width:843px; overflow:hidden; height:183px; position:absolute; top:50%; margin-top:-92px; left:0;}
.index-show-ifn { background-color:#658fbd; width:787px; height:158px; padding:15px 20px 10px 35px;}
.index-show-title { overflow:hidden; margin-bottom:20px;}
.index-show-title h2 { float:left;}
.index-show-ifn p { padding:0 25px;}
.anli-title1 { background:url(img/little.png) no-repeat; width:200px; height:40px;}
.check { float:right; padding-right:10px; background:url(img/add.png) no-repeat right center; margin-top:15px; color:#fda220; }

.index-i { height:1001px;}
.pore { position:relative;}
.index-tabwrap { width:843px; overflow:hidden;}
.index-solve-btn { position:absolute; right:55px; bottom:13px; height:8px; overflow:hidden; width:50px;}
.index-solve-btn a { margin:0 3px; line-height:200px; display:block; float:left; overflow:hidden; width:8px; height:8px; background:url(img/commen.png) no-repeat 0 -78px;}
.index-solve-btn a.activeSlide { background-position:0 -70px;}
.index-solve-tab { height:500px; position:relative;}
.index-project { overflow:hidden; width:844px;}
.index-project dl { float:left; margin-top:29px; padding-bottom:29px; width:417px; height:117px; background:url(img/list-b1.png) no-repeat left bottom;}
.index-project dd { width:328px;}
.index-project dd p { color:#333; height:47px;}
.index-project dt { width:68px; margin-right:20px;}
.index-project dd a { font-weight:bold;}
.index-project dt,.index-project dd { float:left;}
.check-arrow { margin-top:23px; width:40px; height:20px; background:url(img/right.png) no-repeat; display:block;}

.index-i dl { margin-top:20px;}
.index-i dt a { margin-bottom:13px; display:block;}
.index-i dl a { font-weight:bold;}

.appraise li { padding:20px 10px 30px 10px; border-bottom:1px solid #D9D9D9; overflow:hidden; height:76px;}
.appraise a { font-weight:bold;}
.appraise dl { margin-top:10px;}
.appraise dt,.appraise dd { float:left;}
.appraise dt a { border:1px solid #D9D9D9; display:block; width:72px; height:54px; text-align:center}
.appraise dd { width:194px; max-width:198px; margin-left:13px;}
.appraise dd p { line-height:20px; font-size:12px;}

.index-ifno { border:1px solid #d8d8d8; padding:10px 20px;}
.index-ifno dl { float:left;}
.index-dl1 { width:413px;}
.index-dl2 { width:440px;}
.index-dl3 { width:285px; max-width:280px;}
.index-ifno dt { margin-bottom:10px; padding-right:30px;}
.index-ifno dd {  padding-right:37px; height:24px; line-height:24px; padding-left:12px; background:url(img/rightios.png) no-repeat left center;}
.index-ifno dd em { float:right; color:#999;}
.index-ifno dd a { display:block; float:left;}
.index-dl3 dd { width:285px; padding-right:0; max-width:258px;}

.index-over { overflow:hidden;}
.serve { padding:20px 0; overflow:hidden; width:1195px;}
.serve dt,.serve dd { float:left;}
.serve dt { margin:18px 25px 0 0; *margin-right:12px; width:313px; height:290px;}
.serve dd { width:855px;} 
.serve dd a { border:1px solid #d8d8d8; display:block; width:156px; height:69px; float:left; margin:0 13px 10px 0; *margin-right:10px;}

.index-bttn { overflow:hidden; margin:25px 0 20px 0; width:1334px;}
.index-bttn li { width:84px; height:60px; float:left; margin-right:110px; padding:50px 10px 0 10px; text-align:center;}
.ifon-1 { background:url(img/b_2.jpg) no-repeat top center;}
.ifon-2 { background:url(img/b_3.jpg) no-repeat top center;}
.ifon-3 { background:url(img/b_5.jpg) no-repeat top center;}
.ifon-4 { background:url(img/b_1.png) no-repeat top center;}
.ifon-5 { background:url(img/b_4.jpg) no-repeat top center;}
.ifon-6 { background:url(img/b_6.jpg) no-repeat top center;}










/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}
#gotop{ transition:.5s; overflow:hidden; height:73px;}
#gotop.hide{ height:0; }